<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css">

#container{

width:1002px;

background-color:gray;

}

#header{

height:120px;

background-color: aquamarine;

}

#main{

height: 600px;

background: darkgoldenrod;

}

#footer{

height: 120px;

background: yellowgreen;

}

#main-left{

float: left;

background: yellow;

width: 700px;

height: 100%;

}

#main-right{

float: right;

background: pink;

width: 302px;

height:100% ;

}

</style>

</head>

<body>

<div id="container">

<div id="header"></div>

<div id="main">

<div id="main-left"></div>

    <div id="main-right"></div>

</div>

<div id="footer"></div>

</div>

</body>

</html>